<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>中蜜丝路</title>
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" href="../css/member_center.css"/>
	<link rel="stylesheet" href="../css/member_info.css"/>
</head>
<!-- 个人资料 -->
<body class="main">
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li class="active"><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- banner图 -->
	<div class="banner">
		<img src="../img/temp/banner_1.jpg" alt="">
	</div>
	<!-- 主体 -->
	<div class="main_body">
		<div class="container">
			<!-- 侧边导航栏 -->
			<div class="main_nav">
				<div class="nav_header">
					<h4>会员中心</h4>
				</div>
				<ul >
					<li>
						<a href="javascript:;">
							<i class="iconfont icon-set"></i>
							&nbsp; 我的信息
						</a>
					</li>
					<li class="active">
						<a href="javascript:;">个人资料</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="javascript:;">
							<i class="iconfont icon-claim"></i>
							&nbsp;我的认养
						</a>
					</li>
					<li>
						<a href="javascript:;">认养的蜂箱</a>
					</li>
				</ul>
			</div>
			<!-- 右侧主体 -->
			<div class="main_content">
				<h4 class="content_title">个人资料
                    <span class="red_line"></span>
                </h4>

                <div class="table_box">
                    <div class="tr">
                        <div class="key" style="padding-top: 40px;"> <span>*&nbsp;</span>头像：</div>
                        <div class="value">
                            <img src="../img/user-head-default.jpg" alt="">
                        </div>
                    </div>
                    <div class="tr name">
                        <div class="key">
                            <span>*&nbsp;</span>昵称：
                        </div>
                        <div class="value">
                            <input type="text" placeholder="迷你豆豆">
                        </div>
                        <p class="tip"> 请输入昵称</p>
                    </div>
                    <div class="tr">
                        <div class="key"><span>*&nbsp;</span>手机号：</div>
                        <div class="value"><input type="text" disabled="disabled" placeholder="18655668866"></div>
                    </div>
                    <div class="tr">
                        <div class="key"></div>
                        <div class="value">
                            <button>保存修改</button>
                        </div>
                    </div>
                </div>
				<!-- <table>
                    <tr>
                        <td class="key">
                            <span>*&nbsp;</span>头像：
                        </td>
                        <td class="value">
                            <img src="../img/user-head-default.jpg" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td class="key">
                            <span>*&nbsp;</span>昵称：
                        </td>
                        <td class="value">
                            <input type="text" placeholder="迷你豆豆">
                            <p></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="key">
                            <span>*&nbsp;</span>手机号：
                        </td>
                        <td class="value">
                            <input type="text" disabled="disabled" placeholder="18655668866">
                            <p></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="key">
                            
                        </td>
                        <td class="value">
                            <button>保存修改</button>
                        </td>
                    </tr>
                </table> -->
			</div>

		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
			<div class="container clearfix">
				<div class="foot-left pull-left">
					<ul>
						<li>
							<i class="iconfont icon-phone"></i>
							<span>400-010-8888</span>
						</li>
						<li>
							<i class="iconfont icon-time"></i>
							<span>工作时间：8:30-17:30</span>
						</li>
						<li>
							<i class="iconfont icon-mailbox"></i>
							<span>E-mail：contact@zhongmisilu.com</span>
						</li>
						<li>
							<i class="iconfont icon-location"></i>
							<span>海南省海口市龙华区财富广场18C</span>
						</li>
					</ul>
				</div>
				<div class="line-foot"></div>
				<div class="foot-cen pull-left">
					<dl>
						<dt>
							<a href="javascript:;">蜜源寻蜜</a>
						</dt>
					</dl>
					<dl>
						<dt><a href="javascript:;">好蜜科普</a></dt>
						<dd>
							<a href="javascript:;">蜜源探秘</a>
							<a href="javascript:;">蜂蜜常识</a>
							<a href="javascript:;">蜂蜜种类</a>
							<a href="javascript:;">蜂蜜价值</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜂业专委会</a></dt>
						<dd>
							<a href="javascript:;">工匠认证</a>
							<a href="javascript:;">专业培训</a>
							<a href="javascript:;">专委会介绍</a>
						</dd>
					</dl>
					<dl>
						<dt><a href="javascript:;">蜜蜂视界</a></dt>
						<dd>
							<a href="javascript:;">全部视频</a>
						</dd>
					</dl>
					<dl>
						<dt>
							<a href="javascript:;">会员中心</a>
						</dt>
					</dl>
				</div>
				<div class="line-foot"></div>
				<div class="foot-rig pull-left">
					<dt>
						<img src="../img/temp/wx.jpg" alt="">
					</dt>
					<dd>
						扫描上方公众号微信二维码
						<br>
						或者微信加公众号：zhongmisilu
					</dd>
				</div>
			</div>
			<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
			</div>
		</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>